<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Todolist">
		<title>Todos</title>
		<link rel="stylesheet" type="text/css" href="css/todo.css">

	</head>
	<body>
		<div class="content">
			<div class="content-header">todos</div>
			<div class="content-list"> 
				<table>
					<tr>
						<td class="w40 check-all"> 
							<i class="bottom-arrow-1"></i> 
							<i class="bottom-arrow-2"></i>
						</td>
						<td class="w310"> <input id="todoinfo" type="" name="todoinfo" placeholder="What needs to be done?"> </td>
					</tr>
				</table>
				<ul class="list-ul" id="list-ul">
					<!-- <li>
						<table>
							<tr>
								<td class="circle circle-check"><span > <i>√</i>  </span></td>
								<td class="list-li-cont cont-checked">
									<span >
								       夫妇付付服服服服服服发大V是大V海事局深V极ac1 
								       
							        </span>
							    </td>
								<td class="list-li-cont-i"> <i >×</i>  </td>
							</tr>
						</table>
					</li>   
					<li>
						<table>
							<tr>
								<td class="circle "><span > <i>√</i>  </span></td>
								<td class="list-li-cont ">
									<span >
								       夫妇付付服服服服服服发大V是大V海事局深V极ac2 
								       
							        </span>
							    </td>
								<td class="list-li-cont-i"> <i >×</i>  </td>
							</tr>
						</table>
					</li>
					<li class="list-editor">
						<input type="text" name="editor" />
					</li>
					<li class="list-editor">
						<input type="text" name="editor" />
					</li>
					<li>
						<table>
							<tr>
								<td class="circle circle-check"><span > <i>√</i>  </span></td>
								<td class="list-li-cont cont-checked">
									<span >
								       夫妇付付服服服服服服发大V是大V海事局深V极ac 3
								       
							        </span>
							    </td>
								<td class="list-li-cont-i"> <i >×</i>  </td>
							</tr>
						</table>
					</li> 
					<li>
						<table>
							<tr>
								<td class="circle circle-check"><span > <i>√</i>  </span></td>
								<td class="list-li-cont cont-checked">
									<span >
								       夫妇付付服服服服服服发大V是大V海事局深V极ac 4
								       
							        </span>
							    </td>
								<td class="list-li-cont-i"> <i >×</i>  </td>
							</tr>
						</table>
					</li> 
					<li class="list-editor">
						<input type="text" name="editor" />
					</li>
					<li class="list-footer">
						<span class="sp1"> 0 items left </span>
						<span class="sp2">   
							<span id="all" class="sp-myall sp2-checked" > All </span>
							<span id="active"> Active </span>
							<span id="completed"> Completed </span>
						</span>
						<span class="sp3" id="clear"> Clear completed</span>
					</li> 
				 -->



					
					<!--
					<li>        </li>
					<li class="list-editor">  <textarea >11</textarea>    </li>
					<li> <span class="circle "> <i>√</i>  </span>   <span>  <i></i> </span> </li>     -->
					
				</ul>   
			</div>
			<div class="content-footer">
				<p> Double-click to edit a todo </p>
			</div>
		</div>

		<script type="text/javascript" src="js/todo.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
		</script>
	</body>
</html>